<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>课程详细页</title>
<link href="../c/base.css" rel="stylesheet" type="text/css">
<link href="../c/toefl.css" rel="stylesheet" type="text/css">
<link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../j/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../j/publicClass.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img src="../i/logo.png"></a></div>
        <div class="headerLink">
        	<a href="../login.html" class="###">登录</a>
            <a href="../register.html" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
          <li class="active"><a th:href="@{/index}" >首页</a>
          <li><a th:href="@{/tfPerson}">托福人</a>
          <li><a th:href="@{/pubCourse}">公开课</a>
          <li><a th:href="@{/toChat}">群组聊</a>
          <li><a th:href="@{/welare}">福利城堡</a>
        </div>
        <div class="headerUser">
        	<ul>
            	<li class="headerUserPic"><a href="###"><img src="../i/hlw.png"></a></li>
                <li class="headerUserName"><a href="个人中心个人资料.html" target="ifr">用户名</a></li>
                <li class="headerUserNotice">通知<a href="###">14</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="modal fade" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">课程资料</h4>
						</div>
						<div class="modal-body">
							<div class="flcb_cardDownload">
								<h3 class="flcb_cardDownloadT">2015年1月精品课程下载</h3>
								<ul>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
									<li>
										<span class="flcb_cardDownloadZl">资料1</span>
										<span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
										<a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
									</li>
								</ul>

							</div>

						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
	
</div>

<script type="text/javascript">
  // 计算页面的实际高度，iframe自适应会用到
  function calcPageHeight(doc) {
      var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
      var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
      var height  = Math.max(doc.body.clientHeight, doc.body.scrollHeight);
      return height
  }
  var ifr = document.getElementById('classDescIfr')
  ifr.onload = function() {
  	  var inter = window.setInterval(function() {
  	  	  var iDoc = ifr.contentDocument || ifr.document
	      var height = calcPageHeight(iDoc)
	      ifr.style.height = height + 'px'
  	  },100);
  	  window.setTimeout(function() {
  	  	window.clearInterval(inter);
  	  },10000);
      
  }
</script>
<!---->
<div class="doc1180 ">
  <div class="crumbs_patch">
  	<a href="###">公开课</a>》
    <a href="###">最新公开课</a>》
    <span>2021年托福英语考试</span>
  </div>
  <div class="classInfo">
  	<dl>
    	<dt><a href="###"><img src="../i/clazz.jpg"></a></dt>
        <dd>
        	<div class="classInfo_title" th:text="${course.getName()}"></div>
            <div class="classInfo_time"><span>课程时间：</span>
                <span th:text="${course.getStartDate()}">2020-11-29</span>
                <span>课程结束时间：</span>
                <span th:text="${course.getEndTime()}"></span></div>
            <div class="classInfo_name">
            	<div class="classInfo_pic"><img src="../i/330x320p.png"></div>
                <div class="classInfo_zjr">主讲人：<span th:text="${teacher.getName()}"></span></div>
                <div class="classInfo_adress">上课方式：面授</div>
            </div>
            <div class="classInfo_icon">
            	<ul>
                	<li><a href="###" class="classInfo_iconWx">微信</a></li>
                    <li><a href="###" class="classInfo_iconWb">微博</a></li>
                    <li><a href="###" class="classInfo_iconKj">空间</a></li>
                    <li><a href="###" class="classInfo_iconQQ">QQ</a></li>
                    <li><a href="###" class="classInfo_iconrr">人人</a></li>
                    <li><a href="###" class="classInfo_iconxz" data-toggle="modal" data-target=".modal">资料下载</a></li>
                </ul>
            </div>
            <div class="classInfo_text">倒计时：10天18小时56分<span>|</span>已报名人数：230人</div>
            <div class="fn-clear">
            	<a th:href="@{/tobaom(courseId=${course.getCourseId()})}" class="classInfo_ljbm">立即报名</a>
                <!--<button style="background-color: red;color: white"  onclick="clickIt()">立即报名→</button>
                <script type='text/javascript'>
                    function clickIt() {
                        alert('您已报名成功!');
                    }
                </script>-->
                <a href="###" class="classInfo_join">加入该活动群</a>
            </div>
        </dd>
    </dl>
  </div>
   <div class="classInfo_main">
  	<div class="classInfo_mainL">
        <div class="classInfo_menu fn-clear">
            <ul>
                <li class="on"><a th:href="@{/details_clazz}" target="classDescIfr" >课程介绍</a></li>
                <li ><a th:href="@{/details_teach}" target="classDescIfr" >教师介绍</a></li>
            </ul>
        </div>
        <iframe id = "classDescIfr" name='classDescIfr'  src="details_clazz.html" style="width: 99vw;height: 84vh;" frameborder="no"></iframe>
    </div>
	</div>  
	</div>
			
<!--footer-->
	<div class="flink">
	<div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>

</body>
</html>
